body {
	padding: 0;
	margin: 0;
	font-family: Georgia;
	background: #5282A1 repeat-x;
	text-align: center;
	margin-bottom: 2em;
}

div,ul,li,h1,h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-weight: normal;
	text-align: center;
}

div.clear {
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}

/* ***************************
       Layout
**************************** */
div#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 960px;
}

/* ***************************
       Header
**************************** */
div#header {
	position: relative;
	height: 2%;
	margin-bottom: 20px;
	padding: 50px 30px 0 30px;
}

div#header h1 {
	color: #fff;
	text-align: center;
}

/* ***************************
       Content
**************************** */
div#content {
	background: #f5f5ef;
	padding: 20px 30px 20px 30px;
	color: #515348;
	font-size: 76%;
	line-height: 1.6em;
	height: 1%;
}

div#content a {
	color: #36808e;
	border-bottom: 1px solid #d0e8e7;
}

div#content a:hover {
	background: #deefee;
	text-decoration: none;
}

div#topcorners {
	background: #333;
	height: 50px;
	width: 940px;
	margin: 0 auto;
	position: relative;
}

div#topcorners div.cleft {
	position: absolute;
	width: 10px;
	height: 10px;
	background: #333 url(../images/elevator_corner_left_03.gif) top left
		no-repeat;
	top: 0;
	left: -10px;
}

div#topcorners div.cright {
	position: absolute;
	width: 10px;
	height: 10px;
	background: #333 url(../images/elevator_corner_right_03.gif) top left
		no-repeat;
	top: 0;
	right: -10px;
}

div#bottomcorners {
	background: #f5f5ef;
	height: 10px;
	width: 940px;
	margin: 0 auto;
	position: relative;
}

div#bottomcorners div.cleft {
	position: absolute;
	width: 10px;
	height: 10px;
	background: url(../images/content_corner_b_left_01.gif) top left
		no-repeat;
	top: 0;
	left: -10px;
}

div#bottomcorners div.cright {
	position: absolute;
	width: 10px;
	height: 10px;
	background: url(../images/content_corner_b_right_01.gif) top left
		no-repeat;
	top: 0;
	right: -10px;
}

/* ***************************
       Home Features
**************************** */
div#content div.feat {
	float: left;
	width: 290px;
}

div#content div.feat img {
	float: left;
	margin: 0 5px 5px 0;
}

div#content div.feat h4 {
	float: left;
	font-size: 15px;
	padding-top: 10px;
	margin: 0;
}

div#content div.feat p {
	clear: both;
	font-size: 13px;
	margin: 0;
}

/* ***************************
       Login
**************************** */
body.login div#wrapper {
	width: 420px;
}

body.login div#topcorners {
	width: 400px;
}

body.login div#bottomcorners {
	width: 400px;
}

body.login div#header h1 a {
	width: 360px; /* 420 - 30 - 30 */
}

body.error div#wrapper {
	width: 480px;
}

body.error div#topcorners {
	width: 460px;
}

body.error div#bottomcorners {
	width: 460px;
}

body.error div#header h1 a {
	width: 420px; /* 480 - 30 - 30 */
}

body.small div#wrapper {
	text-align: left;
	margin: 0 auto;
}

body.small div#header {
	margin-bottom: 20px;
	padding: 30px 0 0 0;
}

body.small div#header h1 {
	margin: 0 30px;
}

body.small div#header h1 a {
	background: url(../_images/survs_logo_02.gif) bottom center no-repeat;
	padding-top: 30px;
}

body.small div#header h1 span {
	background: url(../_images/survs_logo_02.gif) bottom center no-repeat;
	padding-top: 30px;
}

body.small div#content {
	padding: 15px 30px 10px 30px;
}

body.small div#content input.inputtext {
	width: 240px;
}

body.small div#topcorners {
	background: #f5f5ef;
	height: 10px;
	margin: 0 auto;
	position: relative;
}

body.small div#topcorners div.cleft {
	position: absolute;
	width: 10px;
	height: 10px;
	background: url(../images/content_corner_t_left_01.gif) top left
		no-repeat;
	top: 0;
	left: -10px;
}

body.small div#topcorners div.cright {
	position: absolute;
	width: 10px;
	height: 10px;
	background: url(../images/content_corner_t_right_01.gif) top left
		no-repeat;
	top: 0;
	right: -10px;
}

body.small div#bottomcorners {
	background: #f5f5ef;
	height: 10px;
	margin: 0 auto;
	position: relative;
}

body.small div#bottomcorners div.cleft {
	position: absolute;
	width: 10px;
	height: 10px;
	background: url(../images/content_corner_b_left_01.gif) top left
		no-repeat;
	top: 0;
	left: -10px;
}

body.small div#bottomcorners div.cright {
	position: absolute;
	width: 10px;
	height: 10px;
	background: url(../images/content_corner_b_right_01.gif) top left
		no-repeat;
	top: 0;
	right: -10px;
}

body.small div#content h2 {
	font-size: 18px;
}

body.small div#content a {
	color: #36808e;
	border-bottom: 1px solid #d0e8e7;
}

body.small div#content a:hover {
	background: #deefee;
	text-decoration: none;
}

table.login {
	margin: 5px 0;
}

table.login th {
	padding: 0.5em 1em 0.5em 0;
	vertical-align: top;
	text-align: right;
}

table.login td {
	
}

table.login input.inputtext {
	width: 250px;
	color: #515348;
}

table.login select {
	padding: 3px;
	color: #515348;
}

table.login tr td.separator {
	padding: 10px 0 10px 0;
}

table.login tr td.separator div {
	border-top: 1px dotted #bbb;
	height: 0;
	line-height: 0;
	font-size: 0;
}

table.login span.tipinline {
	font-size: 0.9em;
	color: #777;
}

body.login div.error,body.login div.success {
	margin: 0 0 5px 0;
	text-align: center;
}

/* ***************************
       General
**************************** */
input.inputtext {
	padding: 3px;
	border: 1px solid #7f9db9;
}

/* ***************************
       Misc
**************************** */
.mtop3 {
	margin-top: 3em !important;
}

.mtop2 {
	margin-top: 2em !important;
}

.mtop15 {
	margin-top: 1.5em !important;
}

.mtop1 {
	margin-top: 1em !important;
}

.mtop05 {
	margin-top: 0.5em !important;
}

.mtop025 {
	margin-top: 0.25em !important;
}

.mtop0 {
	margin-top: 0 !important;
}

.mbottom3 {
	margin-bottom: 3em !important;
}

.mbottom2 {
	margin-bottom: 2em !important;
}

.mbottom15 {
	margin-bottom: 1.5em !important;
}

.mbottom1 {
	margin-bottom: 1em !important;
}

.mbottom075 {
	margin-bottom: 0.75em !important;
}

.mbottom05 {
	margin-bottom: 0.5em !important;
}

.mbottom025 {
	margin-bottom: 0.25em !important;
}

.mbottom0 {
	margin-bottom: 0 !important;
}

.mvert2 {
	margin: 2em 0 !important;
}

.mvert15 {
	margin: 1.5em 0 !important;
}

.mvert1 {
	margin: 1em 0 !important;
}

.mvert075 {
	margin: 0.75em 0 !important;
}

.mvert05 {
	margin-top: 0.5em !important;
	margin-bottom: 0.5em !important;
}

.mvert025 {
	margin: 0.25em 0 !important;
}

.mvert0 {
	margin: 0 !important;
}

.aleft {
	text-align: left !important;
}

.acenter {
	text-align: center !important;
}

.loginbtn {
	border: none;
	width: 119px;
	height: 38px;
	background: url(../images/logininput.png) no-repeat 0 -111px;
}

.loginbtnfocus {
	border: none;
	width: 119px;
	height: 38px;
	background: url(../images/logininput.png) no-repeat 0 -150px;
}